﻿@{
    ViewBag.Title = "Index";
}

<div class="center pad-5 border-eee">
    <img src="/Content/img/heading_shoppingcart.gif" />
</div>
<hr class="space" />
<div>
    <table>
    <!--caption>My Shopping Cart</caption-->
        <thead>
            <tr>
                
                <th width="600">Product</th>
                <th>Qty</th>
                <th>Each</th>
                <th>Total</th>
                <th class="center">Remove</th>
            </tr>
        </thead>
        <tbody>
            <tr>
                
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod1.jpg" /></div><div style="display:inline-block;">&nbsp;Luminous Primer Vitamins + Antioxidants With Resveratrol<br />&nbsp;Item #: 6789012</div></td>
                <td><input type="text" size="1" value="2" /></td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
                <td class="center"><a href="#"><img src="/Content/img/btn_cart_remove.gif" /></a></td>
            </tr>
            <tr>
                
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod2.jpg" /></div><div style="display:inline-block;">&nbsp;Luminous Primer Vitamins + Antioxidants With Resveratrol<br />&nbsp;Item #: 6789012</div></td>
                <td><input type="text" size="1" value="2" /></td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
                <td class="center"><a href="#"><img src="/Content/img/btn_cart_remove.gif" /></a></td>
            </tr>
            <tr>
                
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod3.jpg" /></div><div style="display:inline-block;">&nbsp;Luminous Primer Vitamins + Antioxidants With Resveratrol<br />&nbsp;Item #: 6789012</div></td>
                <td><input type="text" size="1" value="2" /></td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
                <td class="center"><a href="#"><img src="/Content/img/btn_cart_remove.gif" /></a></td>
            </tr>
            <tr>
                
                <td class="middle"><div class="inline-block border-eee center bg-fff" style="width:50px;height:50px;"><img style="max-width:50px;max-height:50px;" src="/Content/img/prod4.png" /></div><div style="display:inline-block;">&nbsp;Luminous Primer Vitamins + Antioxidants With Resveratrol<br />&nbsp;Item #: 6789012</div></td>
                <td><input type="text" size="1" value="2" /></td>
                <td>$26.00</td>
                <td><b>$52.00</b></td>
                <td class="center"><a href="#"><img src="/Content/img/btn_cart_remove.gif" /></a></td>
            </tr>
            <tr>
                <td colspan="3"><b>Total:</b></td>
                <td colspan="2"><b>$208.00</b></td>
            </tr>
        </tbody>
    </table>
    <div class="clear border-eee pad-10" style="height:200px;position:relative;">
        <div class="right span-6 last">
            <img src="/Content/img/heading_proceed_login.gif" />
            <div>Sign In for Faster Checkout </div>
            <div>Email Address : <br /><input type="text" /></div>
            <div>Password : <br /><input type="password" /></div>
            <div><a href="#">Forgot your password?</a></div>
            <div style="position:absolute;top:180px;"><a href="UserCheckOut"><img src="/Content/img/btn_checkout_login.gif" /></a></div>
        </div>
        <img class="right span-1" src="/Content/img/heading_proceedcheckout_div.gif" />
        <div class="right span-6">
            <img src="/Content/img/heading_proceed_guest.gif" />
            <div>Click Proceed to Checkout to complete your order now. </div>
            <div>On the next page you can enter your Billing and Shipping Information to complete your order.</div>
            <div style="position:absolute;top:180px;"><a href="NonUserCheckOut"><img src="/Content/img/btn_checkout_guest.gif" /></a></div>
        </div>
    </div>
</div>